<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <style>
        .auth-container {
            max-width: 400px;
            margin: 5rem auto;
            padding: 2rem;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .form-group {
            margin-bottom: 1rem;
        }

        input {
            width: 100%;
            padding: 0.5rem;
            margin-top: 0.5rem;
        }

        .switch-form {
            text-align: center;
            margin-top: 1rem;
        }
    </style>
</head>
<body>
    <div class="auth-container">
        <h2>用户登录</h2>
        <form id="login" method="post">
            <div class="form-group">
                <label>用户名/邮箱:</label>
                <input type="text" name="username" required>
            </div>
            <div class="form-group">
                <label>密码:</label>
                <input type="password" name="password" required>
            </div>
            <button class="btn" type="submit">登录</button>
        </form>
        <div class="switch-form">
            <p>没有账号？ <a href="/register.html">立即注册</a></p> 
            <p><a href="/index.html">返回首页</a></a></p>
        </di>
    </div>
</body>
</html>